<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>会员注册</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/Register.css">
    <style type="text/css">
      .col-xs-6{min-width:365px;}
    </style>
  </head>
  <body>
      <!--导航栏-->
      <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#log-and-re" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
              <a href="#" class="navbar-brand">
                <img src="..." alt="中国文艺志愿者协会会员中心">
              </a>
          </div>

          <div id="log-and-re" class="collapse navbar-collapse navbar-right">
            <p class="navbar-text">亲，请<a href="#">登录</a>/<a href="#">注册</a></p>
          </div>
        </div>
      </nav>
    <!--导航栏结束-->

    <div class="main-warp">
      <div class="register-header">个人会员注册</div>
      <!--part-1-->
      <div class="row">
        <div class="register-title">账号信息</div>

        <div class="container">
          <div class="col-xs-6">
            <div class="item register-item"><lable class="register-lable">*用户名</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">*确认用户名</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">*密码</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">*确认密码</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">*电子邮箱</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">*确认电子邮箱</lable><input class="register-normal-input" type="text"></div>
          </div>
          <div class="col-xs-6">
             <div class="item register-item"><lable  class="register-lable">*邀请码</lable><input class="register-normal-input" type="text"></div>
          </div>
        </div>

      </div>
      <!--part-1-finish-->

      <!--part-2-->
      <div class="row">
        <div class="register-title">个人基本信息</div>

        <div class="container">
          <div class="col-xs-6">
            <div class="item register-item"><lable class="register-lable">*姓名</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">民族</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">身份证号</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">所属组织</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">常驻地址</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">*手机</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">固定电话</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">职务</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">毕业院校</lable><input class="register-normal-input" type="text"></div>
          </div>
          <div class="col-xs-6">
            <div class="item register-item"><lable class="register-lable">*性别</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">政治面貌</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">健康状况</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">邮编</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">QQ</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">微信号</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">微博</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">职称</lable><input class="register-normal-input" type="text"></div>
            <div class="item register-item"><lable class="register-lable">专业</lable><input class="register-normal-input" type="text"></div>
          </div>
        </div>
      </div>
      <!--part-2-finish-->

      <div class="row">
        <div class="register-title">文艺专长</div>
      </div>

      <div class="row">
        <div class="btn-submit">
          <button class="btn btn-default btn-submit">申请成为实名文艺志愿者协会会员</button>          
        </div>
      </div>

    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>